*{
    margin: 0;
    padding: 0;
}

html,body{
    width: 100%;
    /*height: 100%;*/
}

body{
    background-color: rgb(10,7,35);
}

.page{
    background-color: rgb(10,7,35);
    /*width: 60%;*/
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /*margin: 5% 15% 5% 20%;*/
    padding: 15px 0.5% 0 0.5%;
    /*min-width: 888px;*/
    overflow: hidden;
    width: 900px!important;
    margin: 34px auto;
}

.people-img {
    width: 40px;
    height: 40px;
}

.people-img img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.list-people{
    background-color: #f9ffff;
    /*width: 80%;*/
    /*margin: 5% 5% 5% 5%;*/
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    /*min-width: 200px;*/
    /*margin-right: 30px;*/
    /*margin-bottom: 30px;*/
    border-radius: 4px;
    /*width: 330px;*/
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.list-people:hover{
    opacity: 1;
    transform: scale(1.05);
}

.color-2{
    background-color: #ffffff;
}

.color-3{
    background-color: #fffbfb;
}

.color-4{
    background-color: #ffffff;
}

.color-5{
    background-color: #fffff7;
}

.color-6{
    background-color: #fdfff7;
}

.people-list-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin: 7px 16px 16px 16px;
    box-sizing: border-box;
    background: 0 0!important;
    overflow: hidden;
    height: 180px;
}

.people-img{
    text-align: center;
    margin: 25px auto auto auto;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.people-name{
    text-align: center;
    color: #aaa;
    font-size: 14px;
    margin-top: 9px;
}

.people-icon-1{
    float: left;
    width: 40px;
    height: 40px;
    line-height: 58px;
    text-align: center;
    margin: auto;
    font-size: 23px;
}

.people-list-2{
    height: 180px;
    /*padding-left: 4px;*/
    margin-top: 7px;
    padding-left: 0!important;
    grid-gap: 16px;
    justify-items: center;
    display: grid;
    grid-template-columns: 30% 30% 30%;
}

.people-icon-2{
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 58px;
    height: 62px;
    line-height: 58px;
    text-align: center;
}

.people-icon-2 img{
    border: 0 none;
    max-height: 100%;
    max-width: 80%;
    vertical-align: top;
}

